<template>
  <dl class="s-item">
    <dt>
      <img :src="meta.img" alt="">
    </dt>
    <dd>
      <h3>
        <nuxt-link :to="{path:'detail', query: {keyword:meta.name,type:meta.module}}">{{meta.name}}</nuxt-link>
      </h3>
      <el-rate v-model="meta.rate" :colors="['#ff9900', '#ff9900', '#FF9900']" disabled></el-rate>
      
      <span v-if="meta.rate > 4" class="s-item-comment">很好</span>
      <span v-else-if="meta.rate>3" class="s-item-comment">一般</span>
      
      <span v-else class="s-item-comment">很差</span>
      <span class="s-item-value">{{meta.rate}}分</span>
      <span class="s-item-comment-total">{{meta.comment}}人评论</span>

      <p>
        <span class="s-item-type">{{meta.type}}</span>
        <span class="s-tiem-addr">{{meta.addr}}</span>
      </p>

      <p>
        <em class="s-item-price">￥{{ meta.price }}起</em>
        <b>{{meta.status}}</b>
      </p>

      <ul>
        <li v-if="meta.scene&&meta.scene.length">
          <span class="detail-type">景酒</span>{{ meta.scene }}
        </li>
        <li v-else>
          <span class="detail-type">景酒</span>暂无描述
        </li>
      </ul>
    </dd>
  </dl>
</template>
<script>
export default {
  props: {
    meta: {
      type: Object,
      default() {
        return {}
      }
    }
  }
}
</script>